<!-- bootstrap样式表 -->
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<!-- 时间选择器样式表 -->
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">


<!-- jquery -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<!-- bootstrap脚本 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- 时间选择器前置脚本 -->
<script src="https://cdn.bootcss.com/moment.js/2.22.1/moment-with-locales.min.js"></script>

<!-- 时间选择器核心脚本 -->
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<!--select搜索下拉-->
<link href="https://cdn.bootcdn.net/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
<style>
    .tab-content > .chart {
        padding: 10px;
    }
</style>
<form class="well form-inline margin-top-20" method="post" action="{:url('count/index')}" style="margin-top: 20px">
    开始时间:
    <input id="datetime" class="form-control datetimepicker"
           data-date-format="YYYY-MM-DD hh:mm:ss"
           data-use-current="true"
           type="text"
           placeholder="开始时间"
           name="stime"
           value="{$stime}"
           AUTOCOMPLETE="off" style="margin-right: 55px;">
    结束时间:
    <input id="datetime2" class="form-control datetimepicker"
           data-date-format="YYYY-MM-DD hh:mm:ss"
           data-use-current="true"
           type="text"
           placeholder="结束时间"
           name="etime"
           value="{$etime}"
           AUTOCOMPLETE="off" style="margin-right: 55px;">
    机场:
    <style>
        .selection{
            top: -15px;
        }
    </style>
    <div style="display: inline-block;margin-right: 50px">
        <select name="pid" id="pid" class="form-control">
            <option value="">请选择</option>
            {volist name="category" id="voc"}
            <option value="{$voc.id}" {if condition="$voc.id eq $pid"}selected="selected"{/if}>{$voc.name}</option>
            {/volist}
        </select>
    </div>
    <input type="submit" class="btn btn-primary" value="搜索"/>
</form>
<div class="row">

</div>

<div class="row">

    <section class="col-lg-12 connectedSortable">

        <div class="nav-tabs-custom charts-custom">

            <ul class="nav nav-tabs pull-right">
                <li class="pull-left header"><i class="fa fa-inbox"></i> 统计记录</li>
            </ul>
            <div class="tab-content no-padding">

                <div class="chart tab-pane active" id="bar-chart" style="position: relative; height: 500px;"></div>
            </div>
        </div>

    </section>

</div>

<script>
    $("#datetime").datetimepicker({
        locale: moment.locale('zh-CN')
    });
    $("#datetime2").datetimepicker({
        locale: moment.locale('zh-CN')
    });
    $("#pid").select2();
</script>